<template>
  <div>
    <titleHaed :Crumbs="Crumbs"></titleHaed>
    <div class="billBox">
      <div class="bill">
        <frame1>
          <div slot="title">用户管理(充电桩)</div>
          <div slot="content">
            <el-tabs v-model="activeName" type="card" >
              <el-tab-pane label="充电用户管理" name="1">
                  <LandingUserTable/>
              </el-tab-pane>
              <el-tab-pane label="登陆用户管理" name="2">
                  <userTable/>
              </el-tab-pane>
            </el-tabs>
          </div>
        </frame1>
      </div>
    </div>
  </div>
</template>
<script>
import titleHaed from "@/views/title";
import frame1 from "@/components/frame";
import LandingUserTable from "./children/LandingUserTable"
import userTable from "./children/userTable"

export default {
  components: {
    titleHaed,
    frame1,
    LandingUserTable,
    userTable
  },
  data() {
    return {
      Crumbs: {
        router: [],
        path: ["系统设置", "用户管理"]
      },
      activeName: "1"
    };
  },
  methods: {

  
  }
};
</script>
<style scoped>
@import url("../../../../assets/css/table.css");
@import url("../../../../assets/css/tab.css");
/* tab切换 */
.billBox {
  width: 100%;
}
.bill {
  margin-top: 40px;
}
.bill /deep/ .el-tabs__item {
    height: 50px;
    line-height: 50px;
}
/deep/ span {
  cursor: pointer;
}
</style>